<template>
	<div>
		{{ propsOptions }}
		<!-- <Table :columns="columns1" :data="data1"></Table> -->
		<Table 
			:stripe='propsOptions1.stripe'
			:border='propsOptions1.border'
			:show-header='propsOptions1.showHeader'
			:width='propsOptions1.width'
			:height='propsOptions1.height'
			:highlight-row='propsOptions1.highlightRow'
			:size='propsOptions1.size'
			:no-data-text='propsOptions1.noDataText'
			:columns="columns"
			:data="data"
			></Table>
			<!-- :disabled-hover='disabledHover'
			:data="list"
			@on-selection-change="seclectChange"
			@on-row-click='rowClick'
			@on-row-dblclick='rowdblclick'
			@on-current-change='currentChange'
			@on-select-all='selectA11'
			@on-select-all-cancel='selectAllCancel'
			@on-sort-change='sortChange'
			@on-filter-change='filterChange' -->
	</div>
</template>

<script>
import { Table } from 'iview';
import tableData from "@/js/data"
export default {
	name: 'TableCom',
	components: {
		Table
	},
	props: {
		propsOptions:Object,
		columns: Array,
		list: Array,
		width:[Number,String],
		height:[Number,String],
		stripe:{
			type:Boolean,
			default:false
		},
		border:{
			type:Boolean,
			default:false
		},
		disabledHover:{
			type:Boolean,
			default:false
		},
		highlightRow:{
			type:Boolean,
			default:false
		},
		data:Array
	},
	data() {
		return {
			propsOptions1:{}
		}
	},
	watch:{
		propsOptions(val,old){
			console.log(val,old);
			this.propsOptions1=val
		}
	},
	methods:{
		changeData(){
			console.log(tableData);
		},
		rowClick(data,index){
			let str ={
				'data':data,
				'index':index
			}
			this.$emit("rowClick",str)
		}
	}
}
</script>

<style>

</style>
